{extend name="base"}
{block name="main"}
<div id="app" v-cloak>
    <el-row class="ws-quote">
        <el-col :span="24" >
            密码修改
        </el-col>
    </el-row>
    <el-row>
        <el-col :span="8" :offset="2">
            <el-form ref="forms" :rules="rules" :model="data" label-position="top" label-width="80px">
                <el-form-item label="登录名">
                    <el-input v-model="data.login_name" disabled></el-input>
                </el-form-item>
                <el-form-item label="旧密码" prop="old_pwd">
                    <el-input type="password" v-model="data.old_pwd" placeholder="旧密码"></el-input>
                </el-form-item>
                <el-form-item label="新密码" prop="new_pwd">
                    <el-input type="password" v-model="data.new_pwd" placeholder="新密码"></el-input>
                </el-form-item>
                <el-form-item label="确认密码" prop="re_new_pwd">
                    <el-input type="password" v-model="data.re_new_pwd" placeholder="确认密码"></el-input>
                </el-form-item>
            </el-form>
        </el-col>
    </el-row>
    <el-row class="p_y20">
        <el-col :offset="6" :span="8">
            <el-button type="primary" @click="onSubmit('forms','{:url(\'\')}')">修改密码</el-button>
        </el-col>
        
    </el-row>
</div>
{/block}

<!--------------------------分割线------------------------>
<!--------------------------分割线------------------------>
<!--------------------------分割线------------------------>

{block name="vue"}
<script>

var app=new Vue({
    el:'#app',
    mixins:[wsMixins],
    data:{
        
        data:{
            login_name:"{$user.login_name}",
            old_pwd:'',
            new_pwd:'',
            re_new_pwd:'',
        },
        rules:{
            old_pwd:{ required: true, message: '请输入旧密码'},
            new_pwd:{ required: true, message: '请输入新密码'},
            re_new_pwd:{ required: true, message: '两次输入密码不一致'},
        }
    },
    methods:{
        
        
    }
});
</script>
{/block}